<template>
  <div>
    <el-table :data="dailyDataTable" style="width: 100%" height="500" >
      <el-table-column fixed prop="createTime" label="填写日期" width="250"></el-table-column>
      <el-table-column prop="username" label="姓名" width="250"></el-table-column>
      <el-table-column prop="briefSummary" label="日报内容" width="300"></el-table-column>
      <el-table-column prop="level" label="评级" width="120">
        <template slot-scope="scope">
          <el-tag type="danger" v-if="scope.row.level === 1">一般</el-tag>
          <el-tag type="info" v-else-if="scope.row.level === 2">良好</el-tag>
          <el-tag type="success" v-else>优秀</el-tag>
        </template>
      </el-table-column>
      <!-- <el-table-column prop="address" label="地址" width="300"></el-table-column>
    <el-table-column prop="zip" label="邮编" width="120"></el-table-column> -->
    </el-table>
  </div>

</template>

<script>
  export default {
    name: "dailyTable",
    props: ['dailyDataTable'],
    created() {
      // this.tableData=this.dailyDataTable
    },
    data() {
      return {
        data: '',
        tableData: []
      };
    }
  };
</script>

<style scoped>
  /* .el-table {
  width: 100%;
 
  .el-table__header-wrapper table,
  .el-table__body-wrapper table {
    width: 100% !important;
  }
 
  .el-table__body,
  .el-table__footer,
  .el-table__header {
    table-layout: auto;
  }
} */
</style>